<!doctype html>
<html class="no-js" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>商品分类</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="assets/i/favicon.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="assets/css/admin.css">
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/app.js"></script>
</head>

<body>
<th:block th:include="commonAdmin :: header"></th:block>
<div class="am-cf admin-main">
    <div class="nav-navicon admin-main admin-sidebar">
        <div class="sideMenu am-icon-dashboard" style="color:#aeb2b7; margin: 10px 0 0 0;" th:text="' 欢迎系统管理员：'+${session.User.username}"></div>
        <div class="sideMenu">
            <h3 class="am-icon-flag"><em></em> <a href="#">商品管理</a></h3>
            <ul>
                <li><a href="/admin/orderList">商品列表</a></li>
                <li class="func" dataType='html'  iconImg='images/msn.gif'><a href="/admin/addProduct">添加新商品</a></li>
                <li><a href="">商品分类</a></li>

                <li><a href="">商品回收站</a></li>
                <li><a href="">库存管理</a></li>
            </ul>
            <h3 class="am-icon-cart-plus" ><em></em> <a href="#"> 订单管理</a></h3>
            <ul>
                <li><a href="/admin/orderList">订单列表</a></li>
                <li><a href="">订单打印</a></li>
                <li><a href="">添加订单</a></li>
            </ul>
            <h3 class="am-icon-users on"><em></em> <a href="#">用户管理</a></h3>
            <ul>
                <li><a href="/admin/userList">用户列表</a></li>
                <li><a href="/admin/addUser">添加用户</a></li>

            </ul>
            <h3 class="am-icon-volume-up"><em></em> <a href="#">信息通知</a></h3>
            <ul>
                <li>站内消息 /留言</li>
                <li>短信</li>
                <li>邮件</li>
                <li>客服</li>
            </ul>
            <h3 class="am-icon-gears"><em></em> <a href="#">系统设置</a></h3>
            <ul>
                <li>邮件/短信管理</li>
                <li>上传/下载</li>
                <li>权限</li>
                <li>网站设置</li>
            </ul>
        </div>
        <!-- sideMenu End -->

        <script type="text/javascript">
            jQuery(".sideMenu").slide({
                titCell: "h3", //鼠标触发对象
                targetCell: "ul", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
                effect: "slideDown", //targetCell下拉效果
                delayTime: 300, //效果时间
                triggerTime: 150, //鼠标延迟触发时间（默认150）
                defaultPlay: true, //默认是否执行效果（默认true）
                returnDefault: true //鼠标从.sideMen移走后返回默认状态（默认false）
            });
        </script>


    </div>
    <div class=" admin-content">
        <th:block th:include="commonAdmin :: daohang"></th:block>
        <div class="am-popup am-popup-inner" id="my-popup">
            <div class="am-popup-hd">
                <h4 class="am-popup-title">添加商品一级分类</h4>
                <span data-am-modal-close
                      class="am-close">&times;</span></div>
            <div class="am-popup-bd">
                <form class="am-form tjlanmu">
                    <div class="am-form-group">
                        <div class="zuo">栏目名称：</div>
                        <div class="you">
                            <input type="email" class="am-input-sm" id="doc-ipt-email-1" placeholder="请输入标题">
                        </div>
                    </div>
                    <div class="am-form-group">
                        <div class="zuo">栏目关键词：</div>
                        <div class="you">
                            <input type="password" class="am-input-sm" id="doc-ipt-pwd-1" placeholder="请输入关键词">
                        </div>
                    </div>
                    <div class="am-form-group am-cf">
                        <div class="zuo">栏目描述：</div>
                        <div class="you">
                            <textarea class="" rows="2" id="doc-ta-1"></textarea>
                        </div>
                    </div>
                    <div class="am-form-group am-cf">
                        <div class="zuo">栏目图片：</div>
                        <div class="you" style="height: 45px;">
                            <input type="file" id="doc-ipt-file-1">
                            <p class="am-form-help">请选择要上传的文件...</p>
                        </div>
                    </div>
                    <div class="am-form-group am-cf">
                        <div class="zuo">简介：</div>
                        <div class="you">
                            <textarea class="" rows="2" id="doc-ta-1"></textarea>
                        </div>
                    </div>
                    <div class="am-form-group am-cf">
                        <div class="zuo">状态：</div>
                        <div class="you" style="margin-top: 3px;">
                            <label class="am-checkbox-inline">
                                <input type="checkbox" value="option1">
                                显示 </label>
                            <label class="am-checkbox-inline">
                                <input type="checkbox" value="option2">
                                隐藏 </label>
                        </div>
                    </div>
                    <div class="am-form-group am-cf">
                        <div class="you">
                            <p>
                                <button type="submit" class="am-btn am-btn-success am-radius">提交</button>
                            </p>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div class="am-popup am-popup-inner" id="my-popups">
            <div class="am-popup-hd">
                <h4 class="am-popup-title">修改栏目名称</h4>
                <span data-am-modal-close class="am-close">&times;</span></div>
            <div class="am-popup-bd">
                <form class="am-form tjlanmu">
                    <div class="am-form-group">
                        <div class="zuo">栏目名称：</div>
                        <div class="you">
                            <input type="email" class="am-input-sm" id="doc-ipt-email-1" placeholder="请输入标题">
                        </div>
                    </div>
                    <div class="am-form-group">
                        <div class="zuo">栏目关键词：</div>
                        <div class="you">
                            <input type="password" class="am-input-sm" id="doc-ipt-pwd-1" placeholder="请输入关键词">
                        </div>
                    </div>
                    <div class="am-form-group am-cf">
                        <div class="zuo">栏目描述：</div>
                        <div class="you">
                            <textarea class="" rows="2" id="doc-ta-1"></textarea>
                        </div>
                    </div>
                    <div class="am-form-group am-cf">
                        <div class="zuo">栏目图片：</div>
                        <div class="you" style="height: 45px;">
                            <input type="file" id="doc-ipt-file-1">
                            <p class="am-form-help">请选择要上传的文件...</p>
                        </div>
                    </div>
                    <div class="am-form-group am-cf">
                        <div class="zuo">简介：</div>
                        <div class="you">
                            <textarea class="" rows="2" id="doc-ta-1"></textarea>
                        </div>
                    </div>
                    <div class="am-form-group am-cf">
                        <div class="zuo">状态：</div>
                        <div class="you" style="margin-top: 3px;">
                            <label class="am-checkbox-inline">
                                <input type="checkbox" value="option1">
                                显示 </label>
                            <label class="am-checkbox-inline">
                                <input type="checkbox" value="option2">
                                隐藏 </label>
                        </div>
                    </div>
                    <div class="am-form-group am-cf">
                        <div class="you">
                            <p>
                                <button type="submit" class="am-btn am-btn-success am-radius">提交</button>
                            </p>
                        </div>
                    </div>
                </form>
            </div>
        </div>


        <div class="am-popup am-popup-inner" id="my-popupss">
            <div class="am-popup-hd">
                <h4 class="am-popup-title">复制栏目</h4>
                <span data-am-modal-close class="am-close">&times;</span></div>
            <div class="am-popup-bd">
                <form class="am-form tjlanmu">


                    <div class="am-form-group">
                        <div class="zuo">复制到：</div>
                        <div class="you">

                            <select data-am-selected="{btnWidth: 200, btnSize: 'sm', btnStyle: 'danger'}">
                                <option value="a">Apple</option>
                                <option value="b">Banana</option>
                                <option value="o">Orange</option>
                                <option value="m">Mango</option>
                            </select>
                            顶级栏目选默认

                        </div>
                    </div>


                    <div class="am-form-group">
                        <div class="zuo">新栏目名称：</div>
                        <div class="you">
                            <input type="email" class="am-input-sm" id="doc-ipt-email-1" placeholder="请输入标题">
                        </div>
                    </div>
                    <div class="am-form-group">
                        <div class="zuo">栏目关键词：</div>
                        <div class="you">
                            <input type="password" class="am-input-sm" id="doc-ipt-pwd-1" placeholder="请输入关键词">
                        </div>
                    </div>
                    <div class="am-form-group am-cf">
                        <div class="zuo">栏目描述：</div>
                        <div class="you">
                            <textarea class="" rows="2" id="doc-ta-1"></textarea>
                        </div>
                    </div>
                    <div class="am-form-group am-cf">
                        <div class="zuo">栏目图片：</div>
                        <div class="you" style="height: 45px;">
                            <input type="file" id="doc-ipt-file-1">
                            <p class="am-form-help">请选择要上传的文件...</p>
                        </div>
                    </div>
                    <div class="am-form-group am-cf">
                        <div class="zuo">简介：</div>
                        <div class="you">
                            <textarea class="" rows="2" id="doc-ta-1"></textarea>
                        </div>
                    </div>
                    <div class="am-form-group am-cf">
                        <div class="zuo">状态：</div>
                        <div class="you" style="margin-top: 3px;">
                            <label class="am-checkbox-inline">
                                <input type="checkbox" value="option1">
                                显示 </label>
                            <label class="am-checkbox-inline">
                                <input type="checkbox" value="option2">
                                隐藏 </label>
                        </div>
                    </div>
                    <div class="am-form-group am-cf">
                        <div class="you">
                            <p>
                                <button type="submit" class="am-btn am-btn-success am-radius">提交</button>
                            </p>
                        </div>
                    </div>
                </form>
            </div>
        </div>


        <div class="admin-biaogelist">
            <div class="listbiaoti am-cf">
                <ul class="am-icon-flag on">
                    商品栏目管理
                </ul>
                <dl class="am-icon-home" style="float: right;">
                    当前位置： 首页 > <a href="#">商品列表</a>
                </dl>
                <dl>
                    <button type="button" class="am-btn am-btn-danger am-round am-btn-xs am-icon-plus"
                            data-am-modal="{target: '#my-popup'}">添加商品一级分类
                    </button>
                </dl>
                <!--data-am-modal="{target: '#my-popup'}" 弹出层 ID  弹出层 190行 开始  271行结束-->

            </div>
            <form class="am-form am-g">
                <table width="100%" class="am-table am-table-bordered am-table-radius am-table-striped am-table-hover">
                    <thead>
                    <tr class="am-success">
                        <th class="table-check"><input type="checkbox"/></th>
                        <th class="table-id">排序</th>
                        <th class="table-id am-text-center">ID</th>
                        <th class="table-title">栏目名称</th>
                        <th class="table-type">数据量</th>
                        <th class="table-author am-hide-sm-only">访问</th>
                        <th class="table-date am-hide-sm-only">添加子栏目</th>
                        <th width="163px" class="table-set">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td><input type="checkbox"/></td>
                        <td><input type="text" class="am-form-field am-radius am-input-sm"/></td>
                        <td class="am-text-center">14</td>
                        <td><a href="#">Business management</a></td>
                        <td>default</td>
                        <td class="am-hide-sm-only">访问</td>
                        <td class="am-hide-sm-only">2014年9月4日 7:28:47</td>
                        <td>
                            <div class="am-btn-toolbar">
                                <div class="am-btn-group am-btn-group-xs">
                                    <a class="am-btn am-btn-default am-btn-xs am-text-success am-round am-icon-file"
                                       data-am-modal="{target: '#my-popups'}" title="添加子栏目"></a>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-secondary am-round"
                                            data-am-modal="{target: '#my-popups'}" title="修改"><span
                                            class="am-icon-pencil-square-o"></span></button>
                                    <!-- 用按钮的时候 弹层 后缀需要加 问好 ？#的 时候才有效 真恶心 .html?# -->


                                    <button class="am-btn am-btn-default am-btn-xs am-text-warning  am-round" title="复制"
                                            data-am-modal="{target: '#my-popupss'}"><span class="am-icon-copy"></span>
                                    </button>
                                    <!-- 做完发现 复制栏目没什么用处 早晚都要修改 -->


                                    <button class="am-btn am-btn-default am-btn-xs am-text-danger am-round"
                                            title="删除"><span
                                            class="am-icon-trash-o"></span></button>
                                </div>
                            </div>
                        </td>
                    </tr>


                    <tr>
                        <td><input type="checkbox"/></td>
                        <td><input type="text" class="am-form-field am-radius am-input-sm"/></td>
                        <td class="am-text-center">2</td>
                        <td><i style="margin-left:30px">├─ </i><a href="#">Business management</a></td>
                        <td>default</td>
                        <td class="am-hide-sm-only">访问</td>
                        <td class="am-hide-sm-only">2014年9月4日 7:28:47</td>
                        <td>
                            <div class="am-btn-toolbar">
                                <div class="am-btn-group am-btn-group-xs">
                                    <a class="am-btn am-btn-default am-btn-xs am-text-success am-round am-icon-file"
                                       data-am-modal="{target: '#my-popups'}" title="添加子栏目"></a>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-secondary am-round"
                                            data-am-modal="{target: '#my-popups'}" title="修改"><span
                                            class="am-icon-pencil-square-o"></span></button>
                                    <!-- 用按钮的时候 弹层 后缀需要加 问好 ？#的 时候才有效 真恶心 .html?# -->


                                    <button class="am-btn am-btn-default am-btn-xs am-text-warning  am-round"
                                            title="复制">
                                        <span class="am-icon-copy"></span></button>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-danger am-round"
                                            title="删除"><span
                                            class="am-icon-trash-o"></span></button>
                                </div>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td><input type="checkbox"/></td>
                        <td><input type="text" class="am-form-field am-radius am-input-sm"/></td>
                        <td class="am-text-center">3</td>
                        <td><i style="margin-left:30px">├─ </i><a href="#">Business management</a></td>
                        <td>default</td>
                        <td class="am-hide-sm-only">访问</td>
                        <td class="am-hide-sm-only">2014年9月4日 7:28:47</td>
                        <td>
                            <div class="am-btn-toolbar">
                                <div class="am-btn-group am-btn-group-xs">
                                    <a class="am-btn am-btn-default am-btn-xs am-text-success am-round am-icon-file"
                                       data-am-modal="{target: '#my-popups'}" title="添加子栏目"></a>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-secondary am-round"
                                            data-am-modal="{target: '#my-popups'}" title="修改"><span
                                            class="am-icon-pencil-square-o"></span></button>
                                    <!-- 用按钮的时候 弹层 后缀需要加 问好 ？#的 时候才有效 真恶心 .html?# -->


                                    <button class="am-btn am-btn-default am-btn-xs am-text-warning  am-round"
                                            title="复制">
                                        <span class="am-icon-copy"></span></button>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-danger am-round"
                                            title="删除"><span
                                            class="am-icon-trash-o"></span></button>
                                </div>
                            </div>
                        </td>
                    </tr>


                    <tr>
                        <td><input type="checkbox"/></td>
                        <td><input type="text" class="am-form-field am-radius am-input-sm"/></td>
                        <td class="am-text-center">4</td>
                        <td><i style="margin-left:30px">├─ </i><a href="#">Business management</a></td>
                        <td>default</td>
                        <td class="am-hide-sm-only">访问</td>
                        <td class="am-hide-sm-only">2014年9月4日 7:28:47</td>
                        <td>
                            <div class="am-btn-toolbar">
                                <div class="am-btn-group am-btn-group-xs">
                                    <a class="am-btn am-btn-default am-btn-xs am-text-success am-round am-icon-file"
                                       data-am-modal="{target: '#my-popups'}" title="添加子栏目"></a>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-secondary am-round"
                                            data-am-modal="{target: '#my-popups'}" title="修改"><span
                                            class="am-icon-pencil-square-o"></span></button>
                                    <!-- 用按钮的时候 弹层 后缀需要加 问好 ？#的 时候才有效 真恶心 .html?# -->


                                    <button class="am-btn am-btn-default am-btn-xs am-text-warning  am-round"
                                            title="复制">
                                        <span class="am-icon-copy"></span></button>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-danger am-round"
                                            title="删除"><span
                                            class="am-icon-trash-o"></span></button>
                                </div>
                            </div>
                        </td>
                    </tr>


                    <tr>
                        <td><input type="checkbox"/></td>
                        <td><input type="text" class="am-form-field am-radius am-input-sm"/></td>
                        <td class="am-text-center">5</td>
                        <td><i style="margin-left:30px">├─ </i><a href="#">Business management</a></td>
                        <td>default</td>
                        <td class="am-hide-sm-only">访问</td>
                        <td class="am-hide-sm-only">2014年9月4日 7:28:47</td>
                        <td>
                            <div class="am-btn-toolbar">
                                <div class="am-btn-group am-btn-group-xs">
                                    <a class="am-btn am-btn-default am-btn-xs am-text-success am-round am-icon-file"
                                       data-am-modal="{target: '#my-popups'}" title="添加子栏目"></a>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-secondary am-round"
                                            data-am-modal="{target: '#my-popups'}" title="修改"><span
                                            class="am-icon-pencil-square-o"></span></button>
                                    <!-- 用按钮的时候 弹层 后缀需要加 问好 ？#的 时候才有效 真恶心 .html?# -->


                                    <button class="am-btn am-btn-default am-btn-xs am-text-warning  am-round"
                                            title="复制">
                                        <span class="am-icon-copy"></span></button>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-danger am-round"
                                            title="删除"><span
                                            class="am-icon-trash-o"></span></button>
                                </div>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td><input type="checkbox"/></td>
                        <td><input type="text" class="am-form-field am-radius am-input-sm"/></td>
                        <td class="am-text-center">6</td>
                        <td><i style="margin-left:30px">├─ </i><a href="#">Business management</a></td>
                        <td>default</td>
                        <td class="am-hide-sm-only">访问</td>
                        <td class="am-hide-sm-only">2014年9月4日 7:28:47</td>
                        <td>
                            <div class="am-btn-toolbar">
                                <div class="am-btn-group am-btn-group-xs">
                                    <a class="am-btn am-btn-default am-btn-xs am-text-success am-round am-icon-file"
                                       data-am-modal="{target: '#my-popups'}" title="添加子栏目"></a>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-secondary am-round"
                                            data-am-modal="{target: '#my-popups'}" title="修改"><span
                                            class="am-icon-pencil-square-o"></span></button>
                                    <!-- 用按钮的时候 弹层 后缀需要加 问好 ？#的 时候才有效 真恶心 .html?# -->


                                    <button class="am-btn am-btn-default am-btn-xs am-text-warning  am-round"
                                            title="复制">
                                        <span class="am-icon-copy"></span></button>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-danger am-round"
                                            title="删除"><span
                                            class="am-icon-trash-o"></span></button>
                                </div>
                            </div>
                        </td>
                    </tr>


                    <tr>
                        <td><input type="checkbox"/></td>
                        <td><input type="text" class="am-form-field am-radius am-input-sm"/></td>
                        <td class="am-text-center">15</td>
                        <td><a href="#">Business management</a></td>
                        <td>default</td>
                        <td class="am-hide-sm-only"><i class="am-icon-close am-text-primary"></i></td>
                        <td class="am-hide-sm-only">2014年9月4日 7:28:47</td>
                        <td>
                            <div class="am-btn-toolbar">
                                <div class="am-btn-group am-btn-group-xs">
                                    <button class="am-btn am-btn-default am-btn-xs am-text-success am-round"><span
                                            class="am-icon-search"></span></button>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-secondary am-round"
                                            data-am-modal="{target: '#my-popups'}"><span
                                            class="am-icon-pencil-square-o"></span></button>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-warning  am-round"><span
                                            class="am-icon-copy"></span></button>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-danger am-round"><span
                                            class="am-icon-trash-o"></span></button>
                                </div>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <div class="am-btn-group am-btn-group-xs">
                    <button type="button" class="am-btn am-btn-default"><span class="am-icon-plus"></span> 删除</button>
                    <button type="button" class="am-btn am-btn-default"><span class="am-icon-save"></span> 上架</button>
                    <button type="button" class="am-btn am-btn-default"><span class="am-icon-save"></span> 下架</button>
                    <button type="button" class="am-btn am-btn-default"><span class="am-icon-save"></span> 移动</button>
                    <button type="button" class="am-btn am-btn-default"><span class="am-icon-plus"></span> 新增</button>
                    <button type="button" class="am-btn am-btn-default"><span class="am-icon-save"></span> 保存</button>
                    <button type="button" class="am-btn am-btn-default"><span class="am-icon-archive"></span> 移动
                    </button>
                    <button type="button" class="am-btn am-btn-default"><span class="am-icon-trash-o"></span> 删除
                    </button>
                </div>
                <ul class="am-pagination am-fr">
                    <li class="am-disabled"><a href="#">«</a></li>
                    <li class="am-active"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">»</a></li>
                </ul>
                <hr/>
                <p>
                    备注：操作图标含义
                    <a class="am-text-success am-icon-file" title="添加子栏目"> 添加子栏目</a>
                    <a class="am-icon-pencil-square-o am-text-secondary" title="修改"> 修改栏目</a>
                    <a class="am-icon-copy am-text-warning" title="复制"> 复制栏目</a>
                    <a class="am-icon-trash-o am-text-danger" title="删除"> 删除栏目</a>


                </p>
            </form>

            <div class="foods">
                <ul>
                    版权所有@2015
                </ul>
                <dl>
                    <a href="" title="返回头部" class="am-icon-btn am-icon-arrow-up"></a>
                </dl>
            </div>
        </div>
    </div>
</div>

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/polyfill/rem.min.js"></script>
<script src="assets/js/polyfill/respond.min.js"></script>
<script src="assets/js/amazeui.legacy.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/amazeui.min.js"></script>
<!--<![endif]-->

</body>
</html>